<div id="source-schema-modal-table" class="table-responsive" phx-hook="SourceSchemaModalTable">
  <table class="table table-dark show-source-schema">
    <thead>
      <td scope="col"><strong>Field path</strong></td>
      <td scope="col"><strong>BigQuery SQL type</strong></td>
    </thead>
    <tbody>
      <%= for {field, type} <- @fields_and_types do %>
        <%= case field do %>
          <% "event_message" -> %>
            <tr>
              <td class="metadata-field">
                <kbd>{field}</kbd> <small>Required. The human readable event message.</small>
              </td>
              <td>{type}</td>
            </tr>
          <% "id" -> %>
            <tr>
              <td class="metadata-field">
                <kbd>{field}</kbd> <small>Required. The UUID of a specific event.</small>
              </td>
              <td>{type}</td>
            </tr>
          <% "timestamp" -> %>
            <tr>
              <td class="metadata-field">
                <kbd>{field}</kbd> <small>Required. The ingest date time of an event.</small>
              </td>
              <td>{type}</td>
            </tr>
          <% _field -> %>
            <tr>
              <td class="metadata-field">
                <span class="pointer-cursor" style="text-decoration: none">
                  <span class="copy-metadata-field" data-trigger="hover focus" data-delay="0" data-toggle="tooltip" data-placement="top" data-title="<span id=&quot;copy-tooltip&quot;>Copy this</span>" data-clipboard-text={field}>
                    <span class="metadata-field-value"><kbd>{field}</kbd></span>
                    <i class="fas fa-copy"></i>
                  </span>
                </span>
              </td>
              <td>{type}</td>
            </tr>
        <% end %>
      <% end %>
    </tbody>
  </table>
</div>
